<template>
	<div class="card-box onduty-box">
		<card-title title="视频介绍"> </card-title>
		<div class="ratio-box">
			<video :src="videoUrl" class="video" controls></video>
		</div>
	</div>
</template>

<script setup>
import { onMounted, watch } from "vue";
const props = defineProps(["list"]);
const videoUrl = $ref("");
watch(
	() => props.list,
	(newV) => {
		videoUrl = newV[0].val10;
	}
);
</script>

<style scoped lang="scss">
@import "../../../../../assets/css/common.scss";
.onduty-box {
	margin-top: 14px;
	height: 279px;
	.ratio-box {
		height: 239px;
		padding: 20px 0;
		// background:url('../../../../../assets/images/home/');
		.video {
			width: 100%;
			height: 100%;
		}
	}
}
</style>
